<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Dragster a Auto Mobile Category Flat bootstrap Responsive website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!--web-font-->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!--//web-font-->
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Dragster Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
	Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery.min.js"></script> 
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.progresstracker.js"></script>
<!-- //js -->	
<!-- start-smoth-scrolling-->
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
</script>
<!--//end-smoth-scrolling-->
</head>
<body>
	<!--banner-->
	<script src="js/jquery.progresstracker.js"></script>	
		<script>
			(function() {
				$('body').progressTracker({
					linking : true,
					tooltip : "constant",
					negativeTolerance : 0,
					positiveTolerance : 0,
					displayWhenActive : true,
					disableBelow : 600
				});
			})();
		</script>
	<div class="banner pt-section" data-name="home" id="ptsection-one">
		<div class="col-md-6 banner-left">
			<div class="header">
				<div class="search">
					<form>
						<input type="text" placeholder="Search">
						<button type="submit"> </button>
					</form>	
				</div>
				<div class="social-icons">
					<ul>
						<li><a href="#"></a></li>
						<li><a href="#" class="fb"></a></li>
						<li><a href="#" class="be"></a></li>
						<li><a href="#" class="gg"></a></li>
					</ul>	
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="banr-text">
				<h2>RobotCar</h2>
				<h1>NoteBike</h1>
				<p>We are focus the further cof the car ,we thought it will to be a robot , we try and we do , make the futrue happen .</p>
				<a href="#" class="hvr-bounce-to-bottom bnr-rm">Read more</a>
			</div>		
		</div>		
		<div class="col-md-6 banner-right">				
				<div class="progress-tracker constant">
					<ul>
						<li class="section-ptsection-one">
							<a class="pt-circle scroll" href="#ptsection-one"></a>
							<span class="pt-description"><span>Home</span></span>
						</li>
						<li class="section-ptsection-two">
							<a class="pt-circle scroll" href="#ptsection-two"></a>
							<span class="pt-description"><span>About</span></span>
						</li>
						<li class="section-ptsection-three">
							<a class="pt-circle scroll" href="#ptsection-three"></a>
							<span class="pt-description"><span>Products</span></span>
						</li>					
						<li class="section-ptsection-four">
							<a class="pt-circle scroll" href="#ptsection-four"></a>
							<span class="pt-description"><span>Solution</span></span>
						</li>
						<li class="section-ptsection-five">
							<a class="pt-circle scroll" href="#ptsection-five"></a>
							<span class="pt-description"><span>Case show</span></span>
						</li>
						<li class="section-ptsection-six">
							<a class="pt-circle scroll" href="#ptsection-six"></a>
							<span class="pt-description"><span>Contact</span></span>
						</li>
					</ul>					
				</div>				
		</div>	
		<div class="clearfix"> </div>										
	</div>
	<!--banner-->
	<!--banner-bottom-->
	<div class="banner-bottom pt-section" data-name="about" id="ptsection-two">
		<div class="container">
			<div class="welcome">
				<h3>About Us</h3>
				<div class="col-md-6 welcome-info">
					<h4>The work for the futrue . </h4>
					<h5>Aenean pulvinar ac enim et posuere. Quisque sollicitudin faucibus 
						orci, a ultrices tortor. Nulla vulputate justo at metus ornare convallis.
						Praesent eleifend, libero eget ultrices auctor</h5>
					<p>In sit amet sapien eros. Integer in tincidunt velit. Ut sapien est, molestie 
						sit amet metus sit amet, malesuada gravida ex. In hac habitasse platea 
						dictumst. Aliquam iaculis feugiat ipsum, nec ultricies ipsum scelerisque 
						id Praesent lacinia tempor nisi, id rhoncus nisi scelerisque id. I
						nteger eu sem ipsum</p>	
				</div>
				<div class="col-md-6 welcome-pic ">
					<img src="images/img1.jpg" alt=""/>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="features-grids">
				<div class="col-md-4 features-grids-left">
					<img src="images/img2.jpg" alt=""/>
					<h4>Aenean pulvinar ac enim et posuere. Praesent eleifend, 
						libero eget ultrices auctor</h4>
					<p>In sit amet sapien eros. Integer in tincidunt velit. Ut sapien est, 
						molestie sit amet metussit amet, malesuada gravida ex. In hac habita
						sse platea dictumst. Aliquam iaculis feugiat </p>	
					<a href="#" class="hvr-bounce-to-bottom">Read more</a>		
				</div>
				<div class="col-md-4 features-grids-left">
					<img src="images/img3.jpg" alt=""/>
					<h4>Aenean pulvinar ac enim et posuere. Praesent eleifend, 
						libero eget ultrices auctor</h4>
					<p>In sit amet sapien eros. Integer in tincidunt velit. Ut sapien est, 
						molestie sit amet metussit amet, malesuada gravida ex. In hac habita
						sse platea dictumst. Aliquam iaculis feugiat </p>
					<a href="#" class="hvr-bounce-to-bottom">Read more</a>
				</div>
				<div class="col-md-4 features-grids-left">
					<img src="images/img4.jpg" alt=""/>
					<h4>Aenean pulvinar ac enim et posuere. Praesent eleifend, 
						libero eget ultrices auctor</h4>
					<p>In sit amet sapien eros. Integer in tincidunt velit. Ut sapien est, 
						molestie sit amet metussit amet, malesuada gravida ex. In hac habita
						sse platea dictumst. Aliquam iaculis feugiat </p>
					<a href="#" class="hvr-bounce-to-bottom">Read more</a>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>	
	<!--//banner-bottom-->
	<div class="services pt-section" id="ptsection-three" data-name="services">
		<div class="container">
			<h3>Services</h3>
			<!-- banner-text Slider starts Here -->
				<script src="js/responsiveslides.min.js"></script>
				 <script>
					// You can also use "$(window).load(function() {"
						$(function () {
						// Slideshow 4
							$("#slider3").responsiveSlides({
							auto: true,
							pager:false,
							nav:true,
							speed: 500,
							namespace: "callbacks",
							before: function () {
							$('.events').append("<li>before event fired.</li>");
							},
							after: function () {
								$('.events').append("<li>after event fired.</li>");
							}
						});	
					});
				</script>
			<!--//End-slider-script -->
			<div class="banner-title"> 
				<div  id="top" class="callbacks_container">
					<ul class="rslides" id="slider3">
						<li>
							<div class="row work-row">
								<div class="col-sm-6 col-md-4 work-row-grids">
									<div class="work-grids-img">
										<img src="images/icon2.png" alt=""/>
									</div>	
									<div class="caption work-captn">
										<h4>Lorem ipsum</h4>
										<p>Vero eos et accusamus et iusto odio dignissimos ducimus</p>						
									 </div>
								</div>
								<div class="col-sm-6 col-md-4 work-row-grids">
									<div class="work-grids-img">
										<img src="images/icon3.png" alt=""/>
									</div>	
									<div class="caption work-captn">
										<h4>Lorem ipsum</h4>
										<p>Vero eos et accusamus et iusto odio dignissimos ducimus</p>						
									 </div>
								</div>
								<div class="col-sm-6 col-md-4 work-row-grids">
									<div class="work-grids-img">
										<img src="images/icon4.png" alt=""/>
									</div>	
									<div class="caption work-captn">
										<h4>Lorem ipsum</h4>
										<p>Vero eos et accusamus et iusto odio dignissimos ducimus</p>						
									 </div>
								</div>
								<div class="clearfix"> </div>
							</div>
						</li>
						<li>
							<div class="row work-row">
								<div class="col-sm-6 col-md-4 work-row-grids">
									<div class="work-grids-img">
										<img src="images/icon5.png" alt=""/>
									</div>	
									<div class="caption work-captn">
										<h4>ipsumorem</h4>
										<p>odioero eos et accusamus et iusto dignissimos ducimus</p>						
									 </div>
								</div>
								<div class="col-sm-6 col-md-4 work-row-grids">
									<div class="work-grids-img">
										<img src="images/icon6.png" alt=""/>
									</div>	
									<div class="caption work-captn">
										<h4>ipsumorem</h4>
										<p>odioero eos et accusamus et iusto dignissimos ducimus</p>						
									 </div>
								</div>
								<div class="col-sm-6 col-md-4 work-row-grids">
									<div class="work-grids-img">
										<img src="images/icon7.png" alt=""/>
									</div>	
									<div class="caption work-captn">
										<h4>ipsumorem</h4>
										<p>odioero eos et accusamus et iusto dignissimos ducimus</p>						
									 </div>
								</div>
								<div class="clearfix"> </div>
							</div>
						</li>							
					</ul>	
				</div>
			</div>			
		</div>
	</div>	
	<!--//-->
	<!--specifications-->
	<div id="ptsection-four" class="spec pt-section">
		<div class="container">
			<h3>Parts Products</h3>
			<div class="col-md-6 spec-grids">	
				<h4>Interior Key Features</h4>
				<ul>
					<li>
						<div class="specf-left">
							<p>Ex-showroom Price Value</p>
						</div>
						<div class="specf-right">
							<p>$100,85,182 </p>
						</div>
						<div class="clearfix"> </div>
					</li>
					<li>
						<div class="specf-left">
							<p>Engine Displacement</p>
						</div>
						<div class="specf-right">
							<p>5231 cc</p>
						</div>
						<div class="clearfix"> </div>
					</li>
					<li>
						<div class="specf-left">
							<p>City / Highway fuel economy</p>
						</div>
						<div class="specf-right">
							<p>20.8 kmpl / 300kmpl </p>
						</div>
						<div class="clearfix"> </div>
					</li>
					<li>
						<div class="specf-left">
							<p>Engine Type</p>
						</div>
						<div class="specf-right">
							<p>V8 Petrol Engine with & turbocharging </p>
						</div>
						<div class="clearfix"> </div>
					</li>
					<li>
						<div class="specf-left">
							<p>Torque</p>
						</div>
						<div class="specf-right">
							<p>824Nm@3000rpm</p>
						</div>
						<div class="clearfix"> </div>
					</li>
					<li>
						<div class="specf-left">
							<p>Latest technology</p>
						</div>
						<div class="specf-right">
							<p>Available </p>
						</div>
						<div class="clearfix"> </div>
					</li>
				</ul>
			</div>	
			<div class="col-md-6 spec-grids">	
				<h4>Technical Key Features</h4>
				<ul>
					<li>
						<div class="specf-left">
							<p>Tyre Type</p>
						</div>
						<div class="specf-right">
							<p>bochturarging</p>
						</div>
						<div class="clearfix"> </div>
					</li>
					<li>
						<div class="specf-left">
							<p>Bluetooth Connectivity</p>
						</div>
						<div class="specf-right">
							<p>available</p>
						</div>
						<div class="clearfix"> </div>
					</li>
					<li>
						<div class="specf-left">
							<p>Passenger Airbag</p>
						</div>
						<div class="specf-right">
							<p>high sensitive </p>
						</div>
						<div class="clearfix"> </div>
					</li>
					<li>
						<div class="specf-left">
							<p>Rear Camera</p>
						</div>
						<div class="specf-right">
							<p>3000px </p>
						</div>
						<div class="clearfix"> </div>
					</li>
					<li>
						<div class="specf-left">
							<p>Warranty Time</p>
						</div>
						<div class="specf-right">
							<p>3years</p>
						</div>
						<div class="clearfix"> </div>
					</li>
					<li>
						<div class="specf-left">
							<p>bluetooth</p>
						</div>
						<div class="specf-right">
							<p>Available </p>
						</div>
						<div class="clearfix"> </div>
					</li>
				</ul>
			</div>	
			<div class="clearfix"> </div>
		</div>
	</div>			
	<!--//specifications-->
	<!--gallery-->
	<div id="ptsection-five" class="gallery pt-section">
		<div class="container">
			<h3>Case show</h3>
			<div class="gallry-info">
				<div class="col-md-3 gallery-grids">
					<a href="images/img5a.jpg" class="b-link-stripe b-animate-go  swipebox"  title="">
						<img src="images/img5.jpg" class="img-responsive glry-img" alt="">
						<div class="b-wrapper">
							<span class="b-animate b-from-left    b-delay03 ">
								<img class="img-responsive zoom-img img-circle" src="images/e.png" alt=""/>
							</span>					
						</div>
					</a>
				</div>
				<div class="col-md-3 gallery-grids">
					<a href="images/img12a.jpg" class="b-link-stripe b-animate-go  swipebox"  title="">
						<img src="images/img12.jpg" class="img-responsive glry-img" alt="">
						<div class="b-wrapper">
							<span class="b-animate b-from-left    b-delay03 ">
								<img class="img-responsive zoom" src="images/e.png" alt=""/>
							</span>					
						</div>
					</a>
				</div>
				<div class="col-md-3 gallery-grids">
					<a href="images/img6a.jpg" class="b-link-stripe b-animate-go  swipebox"  title="">
						<img src="images/img6.jpg" class="img-responsive glry-img " alt="">
						<div class="b-wrapper">
							<span class="b-animate b-from-left    b-delay03 ">
								<img class="img-responsive zoom" src="images/e.png" alt=""/>
							</span>					
						</div>
					</a>
				</div>
				<div class="col-md-3 gallery-grids">
					<a href="images/img7a.jpg" class="b-link-stripe b-animate-go  swipebox"  title="">
						<img src="images/img7.jpg" class="img-responsive glry-img" alt="">
						<div class="b-wrapper">
							<span class="b-animate b-from-left    b-delay03 ">
								<img class="img-responsive zoom" src="images/e.png" alt=""/>
							</span>					
						</div>
					</a>
				</div>
				<div class="col-md-3 gallery-grids">
					<a href="images/img8a.jpg" class="b-link-stripe b-animate-go  swipebox"  title="">
						<img src="images/img8.jpg" class="img-responsive glry-img" alt="">
						<div class="b-wrapper">
							<span class="b-animate b-from-left    b-delay03 ">
								<img class="img-responsive zoom-img img-circle" src="images/e.png" alt=""/>
							</span>					
						</div>
					</a>
				</div>
				<div class="col-md-3 gallery-grids">
					<a href="images/img9a.jpg" class="b-link-stripe b-animate-go  swipebox"  title="">
						<img src="images/img9.jpg" class="img-responsive glry-img" alt="">
						<div class="b-wrapper">
							<span class="b-animate b-from-left    b-delay03 ">
								<img class="img-responsive zoom" src="images/e.png" alt=""/>
							</span>					
						</div>
					</a>
				</div>
				<div class="col-md-3 gallery-grids">
					<a href="images/img10a.jpg" class="b-link-stripe b-animate-go  swipebox"  title="">
						<img src="images/img10.jpg" class="img-responsive glry-img " alt="">
						<div class="b-wrapper">
							<span class="b-animate b-from-left    b-delay03 ">
								<img class="img-responsive zoom" src="images/e.png" alt=""/>
							</span>					
						</div>
					</a>
				</div>
				<div class="col-md-3 gallery-grids">
					<a href="images/img11a.jpg" class="b-link-stripe b-animate-go  swipebox"  title="">
						<img src="images/img11.jpg" class="img-responsive glry-img" alt="">
						<div class="b-wrapper">
							<span class="b-animate b-from-left    b-delay03 ">
								<img class="img-responsive zoom" src="images/e.png" alt=""/>
							</span>					
						</div>
					</a>
				</div>
				<div class="clearfix"> </div>
			</div>		
		</div>	
	</div>	
	<link rel="stylesheet" href="css/swipebox.css">
		<script src="js/jquery.swipebox.min.js"></script> 
			<script type="text/javascript">
				jQuery(function($) {
					$(".swipebox").swipebox();
				});
			</script>
	<!--//gallery-->	
	<!--testimonials-->						
	<div class="testimonials">
		<div class="container">
			<!-- banner-text Slider starts Here -->
				<script src="js/responsiveslides.min.js"></script>
				 <script>
					// You can also use "$(window).load(function() {"
						$(function () {
						// Slideshow 4
							$("#slider4").responsiveSlides({
							auto: true,
							pager:false,
							nav:true,
							speed: 500,
							namespace: "callbacks",
							before: function () {
							$('.events').append("<li>before event fired.</li>");
							},
							after: function () {
								$('.events').append("<li>after event fired.</li>");
							}
						});	
					});
				</script>
			<!--//End-slider-script -->
			<div class="col-md-4 testimonial-left">
				<h3>Solution</h3>
			</div>
			<div class="col-md-8 testimonial-right">
				<div  id="top" class="callbacks_container">
					<ul class="rslides" id="slider4">
						<li>
							<div class="testi-text">
								<h4>MBARE DLEMID</h4>
								<p>Duis vitae feugiat lorem. Mauris eget ipsum sapien. 	Praesent euismod nec risus id tempor			</p>
							</div>
						</li>
						<li>
							<div class="testi-text">
								<h4>SINGEM MIDDLE</h4>
								<p>Duis vitae feugiat lorem. Mauris eget ipsum sapien. 	Praesent euismod nec risus id tempor			</p>
							</div>
						</li>
						<li>
							<div class="testi-text">
								<h4>MID ERASSING </h4>
								<p>Duis vitae feugiat lorem. Mauris eget ipsum sapien. 	Praesent euismod nec risus id tempor			</p>
							</div>
						</li>
						<li>
							<div class="testi-text">
								<h4>RRASSBA MIDDLE</h4>
								<p>Duis vitae feugiat lorem. Mauris eget ipsum sapien. 	Praesent euismod nec risus id tempor			</p>
							</div>
						</li>
					</ul>
				</div>
			</div>	
			<div class="clearfix"> </div>	
		</div>
	</div>
	<!--//testimonials-->
	<!--contact-->
	<div id="ptsection-six" class="contact-form pt-section">
		<div class="container">
			<h3>Contact Us</h3>
			<div class="col-md-5 contact-left">
				<p>"Lorem Ipsum"is the common name dummy text often used in the design, printing, and type setting industriescommon name dummy text often used in the design, printing, and type setting industries.</p>
				<ul>
					<li><span></span>123, City name. Country.</li>
					<li><span class="mail"></span><a href="mailto:example@email.com">mail@example.com</a></li>
					<li><span class="ph-no"></span>+123 4567 789</li>
				</ul>
			</div>			
			<div class="col-md-7 contact-right">				
				<form>
					<input type="text" value="Name" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Name';}" required="">
					<input type="email" value="Email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}" required="">
					<input type="text" value="Telephone" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Telephone';}" required="">
					<textarea type="text"  onfocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Message...';}" required="">Message...</textarea>
					<input type="submit" value="Submit" >
				</form>
			</div>
			<div class="clearfix"> </div>
		</div>			
	</div>
	<div class="map">
		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d61823.4771885101!2d79.98070475!3d14.429046699999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a4c8cca0e958771%3A0xd3036c2025161f55!2sNellore%2C+Andhra+Pradesh!5e0!3m2!1sen!2sin!4v1432632649230" style="border:0"></iframe>
	</div>
	<!--footer-->
	<div class="footer">
		<div class="container">			
				<p>© 2014 All rights reserved | Design by <a href="http://w3layouts.com/"> NoteBike</a></p>
			<div class="clearfix"> </div>
		</div>	
	</div>
	<!--//footer-->
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
   <script src="js/bootstrap.js"></script>
</body>
</html>